/* CSS Document */

/* 公用样式 */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, span, i, ul, a, em, img, textarea, select {
	margin:0;
	padding:0;
	font-family: "微软雅黑";
	font-family: Microsoft Yahei;
}
* {
	padding:0;
	margin:0;
	list-style:none;
}
.clear{ clear:both;}
img {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
ul, ol {
	list-style:none;
}
ul, li {
	padding:0;
	margin:0;
}

a {
	text-decoration:none;
    outline:none;
	color:#000;
}
/*浮动*/
.fl {
	float:left;
	display: inline;
}
.fr {
	float:right;
	display: inline;
}


/*********头部********/
.top_box{ width:100%;}
.top{ width:1200px; margin:0 auto;position:relative;}
.top_left{ float:left; margin-top:10px;}
.top_right{ float:right; background:url(../image/tel.png) no-repeat left center; margin-top:40px; padding-right:20px;}
.top_right span{ color:#434242; font-size:14px; display:block; padding-left:46px;}
.top_right p{ font-size:18px; color:#eea200; font-weight:bold; padding-left:46px; }
/***nav********/
.nav_box{ width:100%; height:50px; background-color:#0f2a63; margin-top:10px;}
.nav{ width:1200px; margin:0 auto;}
.nav ul li{ float:left; width:150px; text-align:center; position:relative;}
.nav ul li a{ color:#fff; line-height:50px;width:150px; display:block; font-size:16px;}
.nav ul li:hover{ background-color:#eea200;}
.nav ul .cur{background-color:#eea200;}
.submenu {
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
	max-height: 0;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
	
	
}







.nav .lli:hover .submenu{
   
    z-index: 100;	 
}
.nav .lli .submenu li{-webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;}


.nav .lli:hover .submenu li{
	opacity: 1;
	z-index:100;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;border-bottom:2px solid #0b204c;background-color:#0f2a63;}
.nav .lli .submenu li:hover{background-color:#eea200;}


.submenu li:nth-child(1) {
    -webkit-transition-delay: 300s;
    -moz-transition-delay: 300s;
    -ms-transition-delay: 300s;
    -o-transition-delay: 300s;
    transition-delay: 300s;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 250s;
    -moz-transition-delay: 250s;
    -ms-transition-delay: 250s;
    -o-transition-delay: 250s;
    transition-delay: 250s;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 200s;
    -moz-transition-delay: 200s;
    -ms-transition-delay: 200s;
    -o-transition-delay: 200s;
    transition-delay: 200s;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 150s;
    -moz-transition-delay: 150s;
    -ms-transition-delay: 150s;
    -o-transition-delay: 150s;
    transition-delay: 150s;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 100s;
    -moz-transition-delay: 100s;
    -ms-transition-delay: 100s;
    -o-transition-delay: 100s;
    transition-delay: 100s;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 50s;
    -moz-transition-delay: 50s;
    -ms-transition-delay: 50s;
    -o-transition-delay: 50s;
    transition-delay: 50s;
}


.nav li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.nav li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.nav li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.nav li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.nav li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.nav li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

/*****banner*****/
#banner{ width:100%; position:relative; overflow:hidden;background-attachment: fixed;
	top:0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    /* background: url(../images/banner_01.jpg) center center no-repeat; */
    background-size: cover;
	}
.item{    position: absolute;
    top: 148px;
    bottom: 0;
    left: 0;
    right: 0;
}
.ban_p1{    position: absolute; color:#fff; font-size:54px; font-weight:bold;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10; text-align:center;}
.ban_p2{ position:absolute; color:#fff; text-align:center; left:0; z-index:10; right:0; top:25%; line-height:30px; font-size:18px;    width: 727px;
    margin: 0 auto;}
.ban_p2 span{ color:#efa200; font-size:22px; font-weight:bold;}
.ban_p3{ position:absolute;left: 0; right: 0; z-index:10; text-align:center; top:65%;}
.ban_p3 a{ border:1px solid #fff; 
padding:8px 20px; border-radius:5px; text-align:center; font-size:14px;
 color:#fff; transition: all ease-out .2s; }
/*.ban_p3 a img{ display:none;}*/
.ban_p3 a img{margin-left:8px;transform: translateY(1px);transition: all ease-out .2s;}
.ban_p3 a:hover img{ display:inline-block; margin-left:15px;transition: all ease-out .2s;}
.ban_p3 a:hover{ color:#fff; padding:8px 20px; padding-right:15px; border:1px solid #efa200; background-color:#efa200;transition: all ease-out .2s;}



.xiafan{position: absolute; left: 50%; bottom: 20px; animation: start 1.5s infinite ease-in-out;
-webkit-animation: start 1.5s infinite ease-in-out; cursor:pointer;
animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
}
.xiafan img{-webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);}
.xiafan img:hover{-webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);}






/*************底部***************/
.bottom_box{ width:100%; background:url(../image/bg06.png) repeat center; height:360px;padding-bottom:111px;}
.bottom{ width:1200px; margin:0 auto;}
.bott1{float:left;width: 319px;margin-left:10px;margin-top:40px;}
.bottom_title{}
.bottom_title p{font-size: 18px;color:#fff;display:block;line-height:40px;}
.bottom_title .hr1{ width:0px; height:1px; background-color:#efa200; border:none; float:left;}
.bottom_title .hr2{ width:274px; height:1px; margin-left:0px; background-color:#efa200; border:none;}
.bottom_title .tel{ font-size:14px; color:#a2a2a2; line-height:29px;}
.bottom_title .qq{ background:url(../image/qq.png) no-repeat left; margin-top:0px; line-height:35px; padding-left:24px; font-size:14px; color:#a2a2a2;}
.bottom_title .mail{ background:url(../image/mail.png) no-repeat left; padding-left:24px;line-height:35px; font-size:14px; color:#a2a2a2;}
.bottom_title .address{ background:url(../image/address.png) no-repeat left; padding-left:24px; line-height:35px;font-size:14px; color:#a2a2a2;}
.bott2{ float:left; width:194px; margin-left:74px; margin-top:40px; }
.bott2 ul{ margin-top:30px; margin-left:0px;}
.bott2 ul li{ line-height:22px;}
.bott2 ul li a{ color:#a2a2a2; font-size:14px; line-height:30px;}
.bott2 ul li:hover a{ color:#fff;}
.bott3{float:left;width: 250px;margin-left:72px;margin-top:40px;}
.ewm_img{ float:left; margin:30px 11px 0px; text-align:centeer}
.ewm_img img{ width:128px; height:128px;}
.ewm_img p{ font-size:12px;color:#a2a2a2; text-align: center;}
/***友情链接***/
.links_box{ width:100%; border-top:1px solid #a2a2a2; padding-top:18px; margin-top:20px;}
.links{ width:1200px; margin:0 auto;}
.links_left{ float:left; padding-left:15px;}
.links_right{ float:right; padding-right:20px;}
.links p{ font-size:14px; color:#a2a2a2;}
.links p a{font-size:14px; color:#a2a2a2;}
.links p a:hover{ color:#fff;}
.gotop {
    position: fixed;
    right: 30px;
    bottom: 19%;
    z-index: 8;
    display: none;
    width: 60px;
    height: 60px;
    background: url(../image/topback.png) no-repeat center;
    cursor: pointer;}

/***********在线客服*******/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#c02000 url(../image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#c02000 url(../image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#c02000 url(../image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#c02000 url(../image/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}













html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft YaHei";min-width: 1300px;width: 100%;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 "Microsoft YaHei";}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:250px; float:left; overflow:hidden;}
.leftr{ float:left;}
.left2 { width:920px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:920px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:920px; overflow:hidden; }
.right2_main { width:273px;overflow:hidden;}
.left2_main { width:920px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}



/*底部开始*/
.ft{background: url(http://www.zzkehui.cn/skin/default/images/ftbj.jpg) repeat-x center 0;height: 422px;font-family: "Microsoft YaHei"}
.ft-f{height: 60px;line-height: 60px;color: #dab70a;font-size: 14px;}
.ft-f a{display: inline-block;color: #352e2e;font-size: 14px;padding: 0 43px}
.ft-f a:hover,.ft-f a.cur{font-weight: bold;}
.ft-t {height: 307px;overflow:hidden;}
.ft-t i img{width: 277px;height: 73px;display: block;margin-top: 115px}
.ft-t p{margin-top: 88px;color: #aac2ff;font-size: 14px;margin-left: 60px}
.ft-t span{display: block;padding-bottom: 12px}
.ft-t span a{color: #aac2ff;font-size: 14px;padding-right: 23px;display: inline-block;}
.ft-t .wx{margin-top: 75px;}
.ft-t .wx em{width: 190px;float: left;display: block;padding:30px 0;font-style: normal;color: #aac2ff;font-size: 14px;line-height: 29px;border-top: 1px solid #6787db;border-bottom: 1px solid #6787db}
.ft-t .wx img{width: 130px;height: 130px;float: left;border: 10px solid #fff;display: block;margin-right: 10px;}
.ft-c{
    z-index:10000;
    height: 55px;
    color: #fff;
    font-size: 14px;
    line-height: 55px; background:rgba(192,33,0,.7); position:fixed; bottom:0px; width:100%; overflow:hidden;}
.ft-c em{font-style: normal;display:inline-block;text-align: center;width: 236px}
.ft-c em i{font-style: normal;color: #fcd201;font-size: 20px;font-family: "arial"}
.ft-c em.ec1{background:rgba(192,33,0,.9);}
.ft-c em a{color: #fff;font-size: 14px;}
.ft-c em a:hover{ font-weight:bold;}
/*底部结束*/

.contents{ width:1200px; margin:0 auto;}


.fl b a {
    color: #aac2ff;
    padding-right: 12px;
}